<template>
<!--  This is the page of Portal for Scientific Researchers-->
<!--  <div><portal_navbar></portal_navbar></div>-->
  <navBar></navBar>
  <div v-if="show404" style="font-size: 44px; text-align: center; margin-top: 30px">
    404 Not Found!
  </div>
  <div v-else><portal_new :authorId="authorId"></portal_new></div>
</template>

<script>
import Portal_navBar from "@/portal/components/Portal_navBar";
import Portal_new from "@/portal/components/Portal_new";
import IndexNavBar from "../../components/PublicNavBar";
import axios from "@/utils/MyAxios";
import qs from "qs";
import { ElMessage } from "element-plus";

export default {
  name: "Portal",
  data() {
    return {
      authorId: '',
      show404: false,
    }
  },
  created() {
    let authorId = this.$route.query.authorId;
    console.log(authorId);
    if (authorId === undefined || authorId === null || authorId === '')
      this.show404 = true
    this.authorId = Number(authorId);
  },
  components: {
    portal_navbar: Portal_navBar,
    portal_new: Portal_new,
    navBar: IndexNavBar,
  },
}
</script>

<style scoped>

</style>